<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div class="content1">
    <div class="header">
        <h1 class="page-title">系统主页</h1>
        <ul class="breadcrumb">
            <li>系统主页</li>
            <li class="active">平台数据预览</li>
        </ul>
    </div>
	<!-- <div class="main-content">
		<div class="row">
			<div class="col-md-6">
				<div class="panel panel-primary">
			      <div class="panel-heading">
			        <h3 class="panel-title">每日UV波动分析</h3>
			      </div>
			      <div class="panel-body">
		    		<div id="container1" style="width:99%;height:400px;"></div>
			      </div>
			    </div>
			</div>
			<div class="col-md-6">
				<div class="panel panel-primary">
			      <div class="panel-heading">
			        <h3 class="panel-title">每日有效播放波动分析</h3>
			      </div>
			      <div class="panel-body">
		    		<div id="container2" style="width:99%;height:400px;"></div>
			      </div>
			    </div>
			</div>
		</div>
		
		<div class="row">
			<div class="col-md-6">
				<div class="panel panel-primary">
			      <div class="panel-heading">
			        <h3 class="panel-title">每日产品包订购波动分析</h3>
			      </div>
			      <div class="panel-body">
		    		<div id="container3" style="width:99%;height:400px;"></div>
			      </div>
			    </div>
			</div>
			<div class="col-md-6">
				<div class="panel panel-primary">
			      <div class="panel-heading">
			        <h3 class="panel-title">每日订购转化率波动分析</h3>
			      </div>
			      <div class="panel-body">
		    		<div id="container4" style="width:99%;height:400px;"></div>
			      </div>
			    </div>
			</div>
		</div>
			    
	    
	    
	    
    </div> -->
</div>
<!-- <script type="text/javascript"> 
    $(function () {
    	var categories=new Array(),series=new Array();
    	$.ajax({
    		url: "analysis/everydayuv/charts.htm", 
    		async:false,
    		dataType:"JSON",
    		type:'post',
    		success: function(data){
    			categories = data.categories;
    			series = data.series;
    		}
    	});
    	
    	$('#container1').highcharts({
            title: {
                text: '每日UV波动分析',
                x: -20 //center
            },
            subtitle: {
                text: '（默认显示最近7天数据）',
                x: -20
            },
            credits:{
             	//enabled:false // 禁用版权信息
             	text:"北京义方天下教育"
            },
            xAxis: {
                categories: categories
            },
            yAxis: {
                title: {
                    text: '每日访问次数'
                },
                min: 0, 
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '人'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: series
        });
    });
</script>
<script type="text/javascript"> 
   $(function () {
   	var categories=new Array(),series=new Array();
   	$.ajax({
   		url: "analysis/effectiveplay/charts.htm", 
   		async:false,
   		dataType:"JSON",
   		type:'post',
   		success: function(data){
   			categories = data.categories;
   			series = data.series;
   		}
   	});
   	
   	$('#container2').highcharts({
           title: {
               text: '每日有效播放波动分析',
               x: -20 //center
           },
           subtitle: {
               text: '（默认显示最近7天数据）',
               x: -20
           },
           credits:{
            	//enabled:false // 禁用版权信息
            	text:"北京义方天下教育"
           },
           xAxis: {
               categories: categories
           },
           yAxis: {
               title: {
                   text: '次数'
               },
               min: 0, 
               plotLines: [{
                   value: 0,
                   width: 1,
                   color: '#808080'
               }]
           },
           tooltip: {
               valueSuffix: '次'
           },
           legend: {
               layout: 'vertical',
               align: 'right',
               verticalAlign: 'middle',
               borderWidth: 0
           },
           series: series
       });
   });
</script>
<script type="text/javascript"> 
   $(function () {
   	var categories=new Array(),series=new Array();
   	$.ajax({
   		url: "analysis/productorder/charts.htm", 
   		async:false,
   		dataType:"JSON",
   		type:'post',
   		success: function(data){
   			categories = data.categories;
   			series = data.series;
   		}
   	});
   	
   	$('#container3').highcharts({
           title: {
               text: '每日产品包订购量波动分析',
               x: -20 //center
           },
           subtitle: {
               text: '（默认显示最近7天数据）',
               x: -20
           },
           credits:{
            	//enabled:false // 禁用版权信息
            	text:"北京义方天下教育"
           },
           xAxis: {
               categories: categories
           },
           yAxis: {
               title: {
                   text: '每日订购量（个）'
               },
               min: 0, 
               plotLines: [{
                   value: 0,
                   width: 1,
                   color: '#808080'
               }]
           },
           tooltip: {
               valueSuffix: '个'
           },
           legend: {
               layout: 'vertical',
               align: 'right',
               verticalAlign: 'middle',
               borderWidth: 0
           },
           series: series
       });
   });
</script>
<script type="text/javascript"> 
   $(function () {
   	var categories=new Array(),series=new Array();
   	$.ajax({
   		url: "analysis/everydaychange/charts.htm", 
   		async:false,
   		dataType:"JSON",
   		type:'post',
   		success: function(data){
   			categories = data.categories;
   			series = data.series;
   		}
   	});
   	
   	$('#container4').highcharts({
           title: {
               text: '每日订购转化率波动分析',
               x: -20 //center
           },
           subtitle: {
               text: '（默认显示最近7天数据）',
               x: -20
           },
           credits:{
            	//enabled:false // 禁用版权信息
            	text:"北京义方天下教育"
           },
           xAxis: {
               categories: categories
           },
           yAxis: {
               title: {
                   text: '每日转换率（%）'
               },
               min: 0, 
               plotLines: [{
                   value: 0,
                   width: 1,
                   color: '#808080'
               }]
           },
           tooltip: {
               valueSuffix: '%'
           },
           legend: {
               layout: 'vertical',
               align: 'right',
               verticalAlign: 'middle',
               borderWidth: 0
           },
           series: series
       });
   });
</script> -->